<template>
  <h1>{{ slotProp }}</h1>
  <h1>{{ $comp?.prop }}</h1>
  <h1>{{ providedProp }}</h1>
  <Comp ref="$comp" #="{ prop }" v-assign="comp => directiveProp = comp.internal">
    <!-- <Comp ref="$comp" #="{ prop }"> -->
    {{ (slotProp = prop, '') }}
  </Comp>
</template>
<script setup>
import { ref, provide, cloneVNode } from 'vue';
import Comp from './Comp.vue';

const slotProp = ref();
const $comp = ref();
const providedProp = ref();
provide('providedProp', providedProp);
</script>